<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<title>超炫的全屏幻灯片效果</title>
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<link rel="stylesheet" href="http://dreamsky.github.io/main/blog/common/init.css">
		<script src="js/modernizr.custom.js"></script>
	</head>
	<body>
		<div class="container">
			<div id="boxgallery" class="boxgallery" data-effect="effect-2">
				<div class="panel"><img src="img/3.jpg" alt="Image 3"/></div>
				<div class="panel"><img src="img/4.jpg" alt="Image 4"/></div>
				<div class="panel"><img src="img/1.jpg" alt="Image 1"/></div>
				<div class="panel"><img src="img/2.jpg" alt="Image 2"/></div>
			</div>
			<header class="codrops-header">
				<nav class="codrops-demos">
					<a href="index.html">效果一</a>
					<a class="current-demo" href="index2.html">效果二</a>
					<a href="index3.html">效果三</a>
				</nav>
			</header>
		</div><!-- /container -->
		<script src="js/classie.js"></script>
		<script src="js/boxesFx.js"></script>
		<script>
			new BoxesFx( document.getElementById( 'boxgallery' ) );
		</script>
    	<div style="position:fixed;bottom:10px;width:100%;height:90px;z-index:999">
        <div class="footer-banner" style="width:728px; margin:0 auto"></div>
    	</div>
    	<script src="http://dreamsky.github.io/main/blog/common/jquery.min.js"></script>
    	<script src="http://dreamsky.github.io/main/blog/common/init.js"></script>		
	</body>
</html>